<html>
	<head>
		<title>Test Drive</title>
		<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css">
		<script type="text/javascript" src="ext-4.0/ext-debug.js"></script>
		<script type="text/javascript" src="test.js"></script>
		<style type="text/css">
			.dd-ct { padding: 5px; border:1px black solid; height: 100px; width:100px;}
			.dd-ct2 { padding: 5px; border:1px black solid; height: 100px; width:100px;}
			.dd-item { padding: 5px; border:1px black solid; width: 80px; cursor: pointer;}
			.highlight{ border:1px red solid;}
		</style>
	<head>
	<body>
	<div class="dd-ct" id="dd1-ct">
		<div class="dd-item" id="dd1-item1">Item 1.1</div>
		<div class="dd-item" id="dd1-item2">Item 1.2</div>
		<div class="dd-item" id="dd1-item3">Item 1.3</div>
	</div>
	
	<div class="dd-ct2" id="dd2-ct">
		
	</div>
	</body>
</html>